<extend name="_Layout/maintwo"/>
<block name="style">
    <style>
        .lbw_btn_margin{
            margin-top: 3% !important;
        }
        .lbw_btn_a_margin{
            height: 85px !important;
        }
        .lbw_btn_color_one{
            color: #FFF;
            font-weight: bold;
            background-color: #44CDAF;
        }
        .lbw_btn_color_two{
            color: #FFF;
            font-weight: bold;
            background-color: #2646A1;
        }
        .lbw_btn_p_{
            font-size: 8px;
            color: #FFF;
            margin-left: 12px;
        }
        .lbw_header_bz{
            color: #FFF !important;
            font-weight: bold !important;
            background-color: #44CDAF !important;
        }
        .lbw_header_bztwo{
            color: #FFF !important;
            font-weight: bold !important;
            background-color: #00A0E8 !important;
        }
        .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{
            color: #FFF;
            background-color: #F19307;
            border-color: #F19307;
        }
        .lbw_plist_mx{
            margin-top: 20px;
        }

        .lbw_plist_li{
            background-color: #FFF;
            border-left: none !important;
            border-right: none !important;
            color: #656565;
            border-radius: 0px !important;
            font-weight: bold;
        }
        .lbw_pdlist_sjx {
            width: 50px;
            position: relative;
            top: -6px;
            right: -10px;
        }
        .lbw_table_tr{
            background-color: #00A0E8;
            color: #FFF;
        }
    </style>
    <link href="__HOME_CSS__/fileinput.css" rel='stylesheet' type='text/css' />
</block>
<block name="main">
    <!--明細列表框-->
    <div class="row lbw_plist_mx">
        <div class="col-md-12">

            <div class="panel panel-default">
                <!-- Default panel contents -->
                <div class="panel-heading lbw_header_bztwo">獲得幫助明細列表</div>
                <div class="table-responsive" style="padding: 15px;">
                    <table class="table table-bordered" style="border: 1px solid #DDD;">
                        <thead>
                        <tr class="lbw_table_tr">
                            <th>編號</th>
                            <th>單號</th>
                            <th>交易進度</th>
                            <th>交易時間</th>
                            <th>付款方式</th>
                            <th>付款金額</th>
                            <th>接收會員</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <volist name="lbwsf" id="sf">
                            <if condition="$sf.dk_lbw_vipid neq $user_username">
                                <tbody>
                                <tr>
                                    <th scope="row"><img src="__HOME_IMG__/033.png" /><br /><?php echo $bh= \Org\Util\String::randString(6, 1); ?></th>
                                    <td>{$sf.dk_lbw_order_pipei}</td>
                                    <td><if condition="$sf.sf_jy_status eq 0"> 等待對方打款<elseif condition="$sf.sf_jy_status eq 1"/>對方已打款<elseif condition="$sf.sf_jy_status eq 2"/>交易完成<else />交易糾紛中</if></td>
                                    <td>{$sf.dk_creattime}</td>
                                    <td><if condition="$sf.fk_xz_pay eq 1"> 支付寶<elseif condition="$sf.fk_xz_pay eq 2"/>銀行卡<elseif condition="$sf.fk_xz_pay eq 3" />比特幣 <else />待更新</if></td>
                                    <td>{$sf.dk_money_total}</td>
                                    <td>{$sf.fk_name}</td>
                                    <td>
                                        <a style="margin-bottom: 3px;" href="#" data-toggle="modal" data-target=".lbw_mingxi{$i}" class="btn btn-info">查看明細</a>
                                    </td>
                                </tr>
                                </tbody>
                                <else />
                            </if>
                            <div class="modal fade bs-example-modal-lg lbw_mingxi{$i}" tabindex="-1"  role="dialog" aria-labelledby="myLargeModalLabel">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content" style="border-radius:10px;">
                                        <div class="modal-header" style="background: #2646A1;color: #FFF;border-bottom: 1px solid #FFF;border-top-left-radius: 10px;border-top-right-radius: 10px;">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h3 class="modal-title">得到幫助明細</h3>
                                        </div>
                                        <div class="modal-body">
                                            <div class="container-fluid">
                                                <div class="panel panel-default">
                                                    <div class="panel-header" style="background: #F19307;color: #FFF;padding: 15px;font-weight: bold;">
                                                        公共部分</div>
                                                    <ul class="list-group">
                                                        <li class="list-group-item"><b>雙方交易號: </b>{$sf.dk_lbw_order_pipei}</li>
                                                        <li class="list-group-item"><b>雙方交易時間: {$sf.dk_creattime}</b></li>
                                                        <li class="list-group-item"><b>交易金額: </b>{$sf.dk_money_total}</li>
                                                        <li class="list-group-item"><b>交易方式: </b><if condition="$sf.dk_peiduifs eq 1"> 支付寶<elseif condition="$sf.dk_peiduifs eq 2"/>銀行卡<elseif condition="$sf.dk_peiduifs eq 3" />比特幣 <else />待更新</if></li>
                                                        <li class="list-group-item"><b>打款截圖: </b><if condition="$sf.dk_dakuan_status eq 0">暫無 <else /><a class="btn btn-danger" href="{$sf.dk_dakuan_img}">點擊查看打款截圖</a></if></li>
                                                        <li class="list-group-item"><b>雙方交易狀態: </b><if condition="$sf.sf_jy_status eq 0"> 等待對方打款<elseif condition="$sf.sf_jy_status eq 1"/>對方已打款<elseif condition="$sf.sf_jy_status eq 2"/>交易完成<else />交易糾紛中</if></li>
                                                    </ul>
                                                </div>
                                                <div class="panel panel-default">
                                                    <div class="panel-header" style="background: #44CDAF;color: #FFF;padding: 15px;font-weight: bold;">
                                                        提供幫助人的信息</div>
                                                    <ul class="list-group">
                                                        <li class="list-group-item"><b>打款人的姓名: </b>{$sf.fk_name}</li>
                                                        <li class="list-group-item"><b>打款金額: </b>{$sf.dk_money_total}</li>
                                                        <li class="list-group-item"><b>銀行卡號: </b>{$sf.dk_bank_name}</li>
                                                        <li class="list-group-item"><b>銀行名稱: </b>{$sf.dk_bank_number}</li>
                                                        <li class="list-group-item"><b>支付寶賬號: </b>{$sf.dk_alipay}</li>
                                                        <li class="list-group-item"><b>手機號: </b>{$sf.dk_my_mobile}</li>
                                                        <li class="list-group-item"><b>上級手機號: </b>{$sf.dk_sj_mobile}</li>
                                                    </ul>
                                                </div>
                                                <div class="panel panel-default">
                                                    <div class="panel-header" style="background: #2646A1;color: #FFF;padding: 15px;font-weight: bold;">
                                                        您的個人信息</div>
                                                    <ul class="list-group">
                                                        <li class="list-group-item"><b>我的姓名: </b>{$sf.sk_name}</li>
                                                        <li class="list-group-item"><b>收款金額: </b>{$sf.dk_money_total}</li>
                                                        <li class="list-group-item"><b>銀行卡號: </b>{$sf.sk_bank_number}</li>
                                                        <li class="list-group-item"><b>銀行名稱: </b>{$sf.sk_bank_name}</li>
                                                        <li class="list-group-item"><b>支付寶賬號: </b>{$sf.sk_alipay}</li>
                                                        <li class="list-group-item"><b>手機號: </b>{$sf.sk_my_mobile}</li>
                                                        <li class="list-group-item"><b>上級手機號: </b>{$sf.sk_sj_mobile}</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </volist>
                    </table>

    </div>
    <!--the end-->
    </div>

            <script type="text/javascript" src="__HOME_JS__/raphaeljs.js"></script>
            <script type="text/javascript" src="__HOME_JS__/justgaga.js"></script>
            <script>
                window.onload = function(){
                    var g1 = new JustGage({
                        id: "g1",
                        value: 10,
                        min: 0,
                        max: 30,
                        title: "獲得利息天數",
                        label: "天"
                    });

                    var g2 = new JustGage({
                        id: "g2",
                        value:{$sktotal}+0,
                        min: 0,
                        max: {$sktotal}+1500,
                        title: "提現總金額",
                        label: "元"
                    });

                    var g3 = new JustGage({
                        id: "g3",
                        value:{$skcishu}+0,
                        min: 0,
                        max:{$skcishu} +3500,
                        title: "提現總次數",
                        label: "次"
                    });


                    setInterval(function() {
                        g1.refresh(10);
                        g2.refresh({$sktotal}+0);
                        g3.refresh({$skcishu}+0);
                    }, 2500);
                };

            </script>
</block>